{% extends 'auser/homepage.html' %}
{% load staticfiles %}
{% block extra_head %}
    {{ block.super }}
    <link rel="stylesheet" href="{% static 'auser/css/jquery.Jcrop.min.css' %}">
    <script src="{% static 'auser/js/jquery.Jcrop.min.js' %}"></script>
{% endblock %}
<br>
{% block content %}

    <div id="user-action-amend-box" style="max-width: 500px; margin-left: auto;margin-right: auto;padding-left: 13px">
        <form action="{% url 'auser:user_info_amend' user.id %}" method="post"
              enctype="multipart/form-data" id="user_amend_form">
            <div class="input-group">
                <span class="input-group-addon" id="sizing-addon2">昵称</span>
                <input type="text" name="nick-name" class="form-control" placeholder="昵称"
                       aria-describedby="sizing-addon2">
            </div>
            <br>
            <br>
            <div class="input-group">
                <span class="input-group-addon" id="sizing-addon2">电话号</span>
                <input type="tel" name="tel" class="form-control" placeholder="电话号" aria-describedby="sizing-addon2">
            </div>
            <br>
            <br>
            <div class="input-group">
                <span class="input-group-addon" id="sizing-addon2">性别  </span>
                <label class="active">
                    <input type="radio" name="gender" value="男" checked>男
                </label>
                <label class="">
                    <input type="radio" name="gender" value="女">女
                </label>
            </div>
            <br>
            <br>
            <br>
            <div class="input-group">
                <span class="input-group-addon" id="sizing-addon2">我的简介</span>
                <textarea maxlength="50" form="user_amend_form" rows="1" cols="0" name="about-me"
                          class="form-control" placeholder="关于我" aria-describedby="sizing-addon2">
                    </textarea>
            </div>
            <br>
            <div class="user-info-amend-end" style="text-align: center">
            <input type="submit" class="btn btn-primary" value="提交">
            <a href="{% url 'auser:homepage' user.id %}" class="btn btn-primary"
               role="button">取消</a>
            </div>
        </form>
    </div>
{% endblock %}
